<%--
  Created by IntelliJ IDEA.
  User: w1057229265
  Date: 2021/6/18
  Time: 19:07
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>BookStore</title>
    <link rel="stylesheet" type="text/css" href="../static/plugins/jquery-easyui-1.9.15/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../static/plugins/jquery-easyui-1.9.15/themes/icon.css">
    <script type="text/javascript" src="../static/plugins/jquery-easyui-1.9.15/jquery.min.js"></script>
    <script type="text/javascript" src="../static/plugins/jquery-easyui-1.9.15/jquery.easyui.min.js"></script>
    <script>
        $(function (){
            alert("欢迎光临快乐书城，用户请登录，游客请注册")
        })
        $(function (){
            $('#dg').datagrid({
                url: '/ServletBook?action=getdglist1',
                columns: [[
                    {field: 'bname', title: '书名称', width: 100},
                    {field: 'bprice', title: '价格', width: 100},
                    {field: 'bpdesc', title: '介绍', width: 400},
                    {field: 'cid', title: '类型',width: 400}
                ]]
            });
        })
        $(function (){
            $('#dd').datagrid({
                url: '/ServletBook?action=getdglist2',
                columns: [[
                    {field: 'bname', title: '书名称', width: 100},
                    {field: 'bprice', title: '价格', width: 100},
                    {field: 'bpdesc', title: '介绍', width: 400},
                    {field: 'cid', title: '类型',width: 400}
                ]]
            });
        })
    </script>
    <style type="text/css">



        #top_left{
            width: 70%;
            float: left;
        }

        #top_right{
            margin-top: 15px;
            font-size: 13px;
            float: right;
        }
        #top_right img{
            margin-bottom:-3px;
        }

        #top_right a{
            text-decoration: none;
            color: #06f;
        }

        #top_right a:hover{
            text-decoration: none;
            color: #909;
        }
        .clear{
            clear:both;
        }
        #menu{
            background-color:#1C3F09;
            border-top:5px solid #82B211;
            padding: 10px 0px;
            text-align: center;
        }

        #menu a{
            margin: 8px;
            color:#fff;
            text-decoration: none;
            font-weight: bold;
            font-size: 15px;
        }

        #menu a:hover{
            color: #999;
        }

        #menu  .all{
            color: yellow;
        }

        #search input[type="image"] {
            margin-right: 250px;
            margin-bottom: -6px;
        }

        #search input[type="text"] {
            height:  16px;
            border: 1px solid #999;
        }
        #search{
            background-color: #B6B684;
            padding: 7px 0px;
            text-align: right;
        }

        #content{
            width: 900px;
            margin: 5px auto 15px;
        }
        #content_top{
            font-size: 13px;
            text-align: right;
        }

        #content_bottom{
            border: 1px solid #999;
            background-color: #FCFDEF;
            padding: 10px 15px;
        }

        #content_bottom h1{
            font-size: 15px;
            display: inline;
        }

        #content_bottom span{
            font-size: 13px;
        }

        #productlist_img img{
            width: 100%;
        }

        .bookimg img{
            width: 120px;
            height: 196px;
        }

        .book{
            float: left;
            width: 25%;
            text-align: center;
            padding:10px 0px;
        }

        #jumpPage{
            text-align: center;
            margin: 10px;
        }
        #jumpPage a{
            padding:2px 6px;
            border: 1px solid #9AAFE5;
            text-decoration: none;
            color:#9AAFE5;
        }
        #jumpPage a:hover{
            color:#2B66A5;
            border: 1px solid #2B66A5;
        }
        .current{
            background-color: blue;
        }

        #bottom{
            background-color: #EFEEDC;
            padding: 10px 0px;
            height: 60px;
        }
        #bottom_left{
            width: 400px;
            float: left;
            margin-left: 200px;
        }

        #bottom_right{
            width: 500px;
            float: left;
            line-height: 28px;
        }


    </style>
    <script type="text/javascript">

    </script>
</head>
<body>
<div id="page">
    <div id="top">
        <div id="top_left">
            <img src="static\images\o.png " width="100px">
        </div>

        <div id="top_right">
            <img src="static\images\u.jpg" width="50px">
            <a href="head.jsp">购物车</a>
            <a href="sirloin.jsp">用户登录</a>
            <a href="register.jsp">用户注册</a>
            <a href="login.jsp">管理员登录</a>
        </div>
    </div>
    <div class="clear"></div>
    <div id="menu">
        <a href="#">文学</a>
        <a href="#">生活</a>
        <a href="#">计算机</a>
        <a href="#">外语</a>
        <a href="#">经营</a>
        <a href="#">励志</a>
        <a href="#">社科</a>
        <a href="#">学术</a>
        <a href="#">少儿</a>
        <a href="#">艺术</a>
        <a href="#">原版</a>
        <a href="#">科技</a>
        <a href="#">考试</a>
        <a href="#">生活百科</a>
        <a href="#" class="all">全部商品目录</a>
    </div>



    <div id="content">
        <div id="content_top">
        </div>

        <div id="content_bottom">
            <h1>最新书籍</h1>
            <hr/>

            <table id="dg">

            </table>
                    <h1>特价书籍：</h1>
            <table id="dd">

            </table>
                    <hr/>
                    <div class="clear"></div>

                </div>

            </div>
        </div>
    </div>

    <div id="bottom">
        <div id="bottom_left">
            <img src="static/login/img/ok.png">
        </div>

        <div id="bottom_right">
            <span>快乐书城</span> <br/>
            <span>copyright 2021 &copy; BookStore All Rights RESERVED</span>

        </div>
    </div>

</div>
</body>
</html>
